body{
    margin: 0; padding: 0;
    width: 100%;
    height: 100vh;
}
/*主题色*/
.mainBgc{
    background-color: rgb(15, 15, 15);
    color: white;
}
/*背景颜色*/
.defBgc{
    background-color: rgb(15, 15, 15);
}

/*字体大小*/
.globalFont{
    font-size: 14px;
}

.inline{
    display: inline-block;
}

/*居中*/
.t-center{
    text-align: center;
}

/*边框调试*/
.b-red{
    border: 1px solid red;
}

/*布局方式 flex*/
.flx{
    display: flex;
}
.flx-inline{
    display: inline-flex;
}
.flx-center{
    display: flex;
    justify-content: center;
    justify-items: center;
}
.flx-right{
    display: flex;
    justify-content: right;
    justify-items: right;
}
.flx-left{
    display: flex;
    justify-content: left;
    justify-items: left;
}
.flx-between{
    display: flex;;
    justify-content: space-between;
    justify-items: center;
}
.grid{
    display: grid;
}

/* 内边距 */
.p10{
    padding: 10px;
}.p20{
     padding: 20px;
 }
/* 外左边距 */
.ml5{
    margin-left: 5px;
}.ml10{
     margin-left: 10px;
 }.ml20{
      margin-left: 20px;
  }.ml30{
       margin-left: 30px;
   }
/* 外左边距 */
.mr5{
    margin-right: 5px;
}.mr10{
     margin-right: 10px;
 }.mr20{
      margin-right: 20px;
  }.mr30{
       margin-right: 30px;
   }
.wh10p{
    width: 10px;
}.wh20p{
     width: 20px;
 }.wh30p{
      width: 30px;
  }.wh40p{
       width: 40px;
   }.wh50p{
        width: 50px;
    }.wh60p{
         width: 60px;
     }.wh70p{
          width: 70px;
      }.wh80p{
           width: 80px;
       }.wh90p{
            width: 90px;
        }

/*鼠标为手势*/
.mcp{
    cursor: pointer;
}
.themeColor{
    background: #FFD210;
}
.themeFontColor{
    color: #FFD210;
}
